li{list-style: none;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
.container{margin: 0 auto;}
.CasebgImg{width: 100%;}
.CasebgImg img{width: 100%;display: block;}

.caseZone{margin: 40px auto 0 auto;}
.caseZone .shopPic{background: #fff;margin: 0 auto;position: relative;cursor: pointer;}
.caseZone .shopPic .shopDes{position: absolute;top: 0;left:0;}
.caseZone .shopPic .shopDes img{display: block;width: 100%;}
.caseZone .shopPic .shopDes h5{font-family: "微软雅黑";padding-left: 10px;}
.caseZone .shopPic .shopDes p{color: #bbb;font-family: "微软雅黑";padding-left: 10px;}
.caseZone .shopPic .shopHide{position: absolute;top: 0;left:0;background: #000;text-align:center;opacity: 0.6;filter: alpha(60);display: none;}
.caseZone .shopPic .shopHide span{border-bottom: 1px solid #fff;display: inline-block;color: #fff;}
.caseZone .shopPic .shopHide a{display: block;background: #ff3c00;margin: 20px auto;font-weight: bolder;text-align: center;color: #fff;}
.caseZone .shopBoss{background: #fff;margin: 0 auto 20px auto;padding: 0 10px;border-top: 1px solid #eee;}
.caseZone .shopBoss::after{content: "";clear: both;height: 0;height: auto;display: block;}
.caseZone .shopBoss a{color: #000;font-family: "微软雅黑";height: 45px;line-height:45px;font-size: 1.3rem;}
.caseZone .shopBoss a img{margin-right: 10px;}
.caseZone .shopBoss em{height: 45px;font-style: normal;line-height:45px;color: #bbb;font-size: 1.3rem;}

.videoZone{margin: 0 auto;}
.videoZone a{display: block;width: 80%;margin: 30px auto;}
.videoZone a img{display: block;width: 100%;border:none;}
@media screen  and (min-width:768px){

    .caseZone .shopPic{width: 278px;height:244px;}
    .caseZone .shopPic .shopHide{width: 278px;height: 181px;padding-top: 40px;}
    .caseZone .shopPic .shopHide span{font-size: 2.5rem;}
    .caseZone .shopPic .shopHide a{width: 120px;height: 40px;line-height: 40px;border-radius: 20px;font-size: 2.0rem;}
    .caseZone .shopPic .shopHide a img{width: 18px;margin-left: 5px;}

    .caseZone .shopBoss{width: 278px;}
}

@media screen and (max-width: 768px){

    .caseZone .row .col-xs-6{padding: 0 5px;}
    .caseZone .shopPic{width: 170px;height:173px;}
    .caseZone .shopPic .shopHide{width: 170px;height: 111px;}
    .caseZone .shopPic .shopHide span{font-size:1.8rem;margin-top: 20px;}
    .caseZone .shopPic .shopHide a{width: 90px;height: 30px;line-height: 30px;border-radius: 15px;font-size: 1.5rem;}
    .caseZone .shopPic .shopHide a img{width: 12px;margin-left: 5px;}


}
